.home {

  //nav {
  //  position: fixed;
  //  top: 0;
  //  left: 0;
  //  z-index: 100;
  //  width: 100%;
  //  text-align: center;
  //  background: rgba(255, 255, 255, 0.75);
  //  box-sizing: border-box;
  //  border-bottom: 1px solid rgb(242, 244, 245);
  //  transition: all 0.25s ease 0s;
  //  will-change: padding, background, backdrop-filter;
  //  padding: 16px 0 12px;
  //  backdrop-filter: blur(10px);
  //  border-top-color: rgb(242, 244, 245);
  //  border-right-color: rgb(242, 244, 245);
  //  border-left-color: rgb(242, 244, 245);
  //
  //  .navCont {
  //    width: 100%;
  //    max-width: 1100px;
  //    padding: 0 8%;
  //    margin: auto;
  //    text-align: left;
  //
  //    .navContLeft {
  //      flex-grow: 1;
  //      flex-shrink: 0;
  //    }
  //
  //    .navContRight {
  //      display: none;
  //      flex-shrink: 0;
  //
  //      li {
  //        margin-left: 36px;
  //
  //        a {
  //          text-decoration: none;
  //          font-size: 16px;
  //          font-weight: 500;
  //          color: #3E4951;
  //        }
  //
  //      }
  //    }
  //
  //  }
  //}

  .sectionOne {
    align-items: flex-end;
    justify-content: center;
    padding-top: 200px;
    padding-bottom: 48px;
    background: radial-gradient(17.8% 45.68% at 61.59% 7.16%, rgba(221, 250, 240, 0.675) 0%, rgba(221, 250, 240, 0) 100%), radial-gradient(27.78% 81.17% at 68.06% 67.73%, rgba(255, 247, 217, 0.9) 0%, rgba(255, 247, 217, 0) 100%), radial-gradient(33.64% 72.69% at 38.37% 95.91%, rgba(245, 217, 245, 0.9) 0%, rgba(245, 217, 245, 0) 100%), linear-gradient(180deg, #FAFAFA 0%, #FEFAFD 100%);

    .sectionOneCont {
      width: 100%;
      max-width: 1100px;
      padding: 0 8%;
      margin: auto;
      text-align: left;
      flex-wrap: wrap;
      word-wrap:break-word;
      word-break:break-all;

      .sectionOneContLeft {
        flex-grow: 2;
        flex-shrink: 0;
        word-wrap:break-word;
        word-break:break-all;

        h1 {
          white-space: pre-wrap;
          font-weight: 700;
          font-size: 32px;
          line-height: 38px;
          color: #08090a;
        }
      }

      .sectionOneContRight {
        flex-grow: 1;
        flex-shrink: 0;
        padding-top: 6px;

        p {
          margin-bottom: 20px;
          font-weight: 450;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.01em;
          color: #08090A;
        }

        .Launch {
          display: inline-flex;
          align-items: center;
          color: white;
          background: #7A3CFF;
          height: 34px;
          font-size: 14px;
          padding: 0 16px;
          font-weight: normal;
          letter-spacing: -0.01em;
          border: 1px solid rgba(0, 0, 0, 0.05);
          box-sizing: border-box;
          box-shadow: 0px 2px 5px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 10%);
          border-radius: 4px;
          transition: .25s all ease;
          will-change: color, background;
        }
      }
    }

  }

  .sectionTwo {
    width: 100%;
    max-width: 1100px;
    padding: 0 8%;
    margin: auto;
    text-align: left;

    .sectionTwoCont {

      .sectionTwoContTop {
        padding-top: 60px;
        padding-bottom: 30px;

        h2 {
          display: block;
          margin-bottom: 4px;
          font-weight: 700;
          font-size: 24px;
          line-height: 30px;
          color: #97A1A9;

          span {
            vertical-align: baseline;
            color: #08090A;
          }

        }

        p {
          display: block;
          max-width: 580px;
          font-weight: 450;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.01em;
          color: #232A30;
        }
      }

      .sectionTwoContBot {
        display: inline-grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 12px;
        row-gap: 8px;
        width: 100%;
        margin-bottom: 48px;

        .TwoContBotItem {
          position: relative;
          display: inline-block;
          white-space: normal;
          height: 240px;
          -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          padding: 36px 30px 0;
          overflow: hidden;
          background: rgba(242, 244, 245, 0.5);
          box-sizing: border-box;
          border-radius: 18px;
          text-align: left;

          h3 {
            margin-bottom: 6px;
            font-weight: 600;
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0.01em;
            color: #08090A;
          }

          .p1 {
            position: relative;
            z-index: 1;
            max-width: 300px;
            font-size: 15px;
            line-height: 22px;
            letter-spacing: -0.01em;
            color: #3e4951;
          }

          .btn {
            cursor: pointer;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.01em;
            text-decoration-line: underline;
            color: #97A1A9;
          }

          .TwoContBotItemImg {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 220px;
            max-width: 300px;
            margin-right: -50px;
            pointer-events: none;

            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center center;
              transition-delay: 500ms;
            }
          }

          .hideCash {
            position: fixed;
            bottom: 30px;
            left: 4%;
            width: 92%;
            height: 300px;
            padding: 32px 8% 0px 28px;
            background: #7a3cff;
            text-align: left;
            border-radius: 18px;
            box-shadow: rgb(0 0 0 / 10%) 0px 8px 20px, rgb(0 0 0 / 10%) 0px 4px 8px;
            z-index: 90;

            .p {
              display: block;
              margin-bottom: 2px;
              font-weight: 450;
              font-size: 20px;
              line-height: 30px;
              color: white;
            }

            .btnCash {
              position: absolute;
              bottom: 12px;
              right: 16px;
              transition: opacity 0.25s ease 0s;
              will-change: opacity;

              svg {
                fill: white;
              }
            }

            .FloatingAreaContent {
              font-weight: 450;
              font-size: 15px;
              line-height: 22px;
              color: rgba(255, 255, 255, 0.8);

              p {
                margin-bottom: 4px;

                strong {
                  font-weight: 500;
                  color: white;
                }

                a {
                  text-decoration: underline;
                  font-weight: 500;
                  color: white;
                }
              }
            }

          }

          .hideShare {
            background: rgb(255, 140, 5);

          }

          .hideBond {
            background: rgb(13, 164, 129);
          }

        }
      }

    }
  }

  .sectionThree {
    width: 100%;
    max-width: 1100px;
    padding: 0 8%;
    margin: auto;
    text-align: left;

    .sectionThreeCont {
      width: 100%;
      margin-bottom: 72px;
      padding: 36px 24px 24px;
      background: #8E4AFE;
      border-radius: 18px;

      .threeContLeft {
        width: 135px;
        -webkit-flex-shrink: 0;

        flex-shrink: 0;
        margin-right: 36px;
        margin-bottom: 32px;

        h2 {
          margin-left: 5px;
          margin-bottom: 12px;
          font-weight: 700;
          font-size: 14px;
          line-height: 1;
          letter-spacing: -0.01em;
          color: #C19BFE;
        }

        p {
          align-items: center;
          height: 36px;
          font-weight: 450;
          font-size: 36px;
          line-height: 1;
          font-feature-settings: 'tnum' on, 'lnum' on;
          color: white;

          span {

          }
        }

      }

      .threeContRight {
        flex-grow: 1;

        article {
          margin-bottom: 16px;

          h3 {
            margin-bottom: 6px;
            font-weight: 500;
            font-size: 16px;
            line-height: 1;
            letter-spacing: -0.01em;
            color: rgba(255, 255, 255, 0.9);
          }

          p {
            font-size: 15px;
            line-height: 22px;
            letter-spacing: -0.01em;
            color: #EEE4FF;
          }

        }
      }

    }
  }

  .sectionFour {
    margin-bottom: 84px;

    .sectionFourCont {
      width: 100%;
      max-width: 1100px;
      padding: 0 8%;
      margin: auto;
      text-align: left;

      .FourContItem {
        flex-shrink: 0;
        margin-bottom: 36px;

        .FourContItemImg {
          display: block;
          width: 300px;
          height: 180px;
          margin-bottom: 12px;
          pointer-events: none;

          img {
            width: 100%;
            height: 100%;
          }
        }

        h3 {
          margin-bottom: 6px;
          font-size: 22px;
          line-height: 28px;
          font-weight: 600;
          color: #08090A;
        }

        p {
          margin-bottom: 2px;
          font-size: 15px;
          line-height: 22px;
          letter-spacing: -0.01em;
          color: #232A30;
        }
      }
    }
  }

  .sectionFive {
    margin-bottom: 120px;

    .sectionFiveTitle {
      width: 100%;
      max-width: 1100px;
      padding: 0 8%;
      margin: auto;
      text-align: left;

      h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #97A1A9;

        span {
          vertical-align: baseline;
          color: #08090A;
        }
      }
    }

    .sectionFiveCon {
      width: 100%;
      padding: 20px 8%;
      overflow-x: auto;
      text-align: center;
      scroll-padding: 10px;
      scroll-snap-destination: 50% 50%;
      scroll-snap-type: x mandatory;

      .fiveConItem {
        display: inline-flex;
        white-space: nowrap;

        .LinkBase {
          display: inline-block;
          vertical-align: baseline;
          text-decoration: none;
          margin-top: 0;
          margin-right: 24px;
          -webkit-flex-shrink: 0;
          flex-shrink: 0;
          white-space: normal;
          text-align: left;
          scroll-snap-align: center;
          -webkit-transition: .25s all ease;
          transition: .25s all ease;
          will-change: margin;

          &:hover {
            transform: translateY(-5px);
          }

          .fiveConItemImg {
            position: relative;
            width: 280px;
            height: 150px;
            border: 1px solid #F2F4F5;
            border-radius: 12px;
            overflow: hidden;
            -webkit-transition: .25s box-shadow ease;
            transition: .25s box-shadow ease;
            will-change: box-shadow;

            &:hover {
              box-shadow: 2px 2px 5px 3px #F2F4F5;
            }

            img {
              position: absolute;
              top: 50%;
              left: 50%;
              height: 160px;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              pointer-events: none;
            }
          }

          .fiveConItemText {
            max-width: 280px;
            padding: 16px 18px 16px 6px;

            p {
              margin-bottom: 6px;
              font-weight: 450;
              font-size: 18px;
              line-height: 22px;
              letter-spacing: -0.01em;
              color: #232A30;
            }

            span {
              font-size: 14px;
              line-height: 20px;
              letter-spacing: -0.01em;
              color: #97A1A9;
            }
          }

        }
      }
    }

  }

  //footer {
  //  box-sizing: border-box;
  //  padding: 36px 0 32px;
  //  border-top: 2px solid #F2F4F5;
  //
  //  .footerCon {
  //    width: 100%;
  //    max-width: 1100px;
  //    padding: 0 8%;
  //    margin: auto;
  //    text-align: left;
  //
  //    .footerConLeft {
  //      flex-shrink: 0;
  //      margin-bottom: 24px;
  //
  //      svg {
  //        width: auto;
  //        height: 20px;
  //        margin-bottom: 8px;
  //      }
  //
  //      p {
  //        font-size: 14px;
  //        line-height: 18px;
  //        letter-spacing: -0.01em;
  //        color: #97A1A9;
  //      }
  //    }
  //
  //    .footerConRight {
  //      -webkit-flex-grow: 1;
  //      flex-grow: 1;
  //      -webkit-flex-shrink: 0;
  //      flex-shrink: 0;
  //      margin-top: 30px;
  //      margin-bottom: 24px;
  //
  //      li {
  //        margin-bottom: 12px;
  //
  //        a {
  //          display: inline-block;
  //          vertical-align: baseline;
  //          text-decoration: none;
  //          font-weight: 450;
  //          font-size: 14px;
  //          line-height: 18px;
  //          letter-spacing: -0.01em;
  //          color: #97A1A9;
  //          -webkit-transition: .25s color ease;
  //          transition: .25s color ease;
  //          will-change: color;
  //
  //          &:hover {
  //            color: #3E4951;
  //          }
  //        }
  //      }
  //    }
  //
  //    .footerBtn {
  //      cursor: pointer;
  //      transition: .25s all ease;
  //      svg {
  //
  //      }
  //    }
  //
  //
  //  }
  //}


}

@media (min-width: 640px) {
  .home {


    .sectionOne {

      .sectionOneCont {
        padding: 0 6%;

        .sectionOneContLeft {
          h1 {
            margin-right: 40px;
            flex-grow: 2;
            font-size: 40px;
            line-height: 48px;
          }
        }

        .sectionOneContRight {
          p {
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 30px;
          }

          .Launch {
            height: 38px;
            font-size: 16px;
            padding: 0 18px;
          }
        }
      }
    }

    .sectionTwo {
      padding: 0 6%;

      .sectionTwoCont {

        .sectionTwoContTop {
          padding-top: 90px;
          padding-bottom: 48px;

          h2 {
            margin-bottom: 14px;
            font-size: 32px;
            line-height: 38px;

            span {

            }

          }

          p {
            font-size: 20px;
            line-height: 30px;
          }
        }

        .sectionTwoContBot {
          grid-template-columns: repeat(2, 1fr);
          row-gap: 12px;

          .TwoContBotItem {
            height: 340px;
            padding: 36px 40px 0;
            text-align: center;

            h3 {
              margin-bottom: 6px;
              font-size: 18px;
              line-height: 22px;
            }

            p {
              max-width: none;
              font-size: 15px;
              line-height: 22px;
            }

            .btn {
              font-size: 15px;
              line-height: 22px;
            }

            .TwoContBotItemImg {
              left: 50%;
              right: auto;
              width: 100%;
              margin: 0;
              transform: translateX(-50%);

              img {

              }
            }

            .hideCash {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              padding: 32px 40px 0 28px;
              box-shadow: none;

              .btnCash {
                bottom: 12px;
                right: 14px;
              }


            }

          }
        }
      }
    }

    .sectionThree {
      padding: 0 6%;

      .sectionThreeCont {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        padding: 32px 40px;

        .threeContLeft {
          margin-bottom: 0;

          h2 {
            font-size: 24px;
          }

          p {
            font-size: 48px;
            height: 48px;

            span {

            }
          }

        }

        .threeContRight {

          article {
            h3 {
              margin-bottom: 8px;
              font-size: 18px;
            }

            p {
              font-size: 15px;
              line-height: 22px;
            }

          }
        }

      }
    }

    .sectionFour {

      .sectionFourCont {
        padding: 0 6%;

        .FourContItem {
          width: 50%;
          padding: 0 20px 0 16px;
          margin-bottom: 0;

          .FourContItemImg {

          }
        }
      }
    }

    .sectionFive {

      .sectionFiveTitle {
        padding: 0 6%;

        h2 {
          font-size: 32px;
          line-height: 38px;
        }
      }

      .sectionFiveCon {
        padding: 20px 6%;

        .fiveConItem {
          white-space: nowrap;

        }
      }

    }



  }
}

@media (min-width: 768px) {
  .home {

    .sectionOne {
      .sectionOneCont {
        .sectionOneContLeft {

        }

        .sectionOneContRight {

        }
      }
    }

    .sectionTwo {
      .sectionTwoCont {

        .sectionTwoContTop {

          h2 {

            span {

            }

          }

        }

        .sectionTwoContBot {
          .TwoContBotItem {

            h3 {

            }

            p {

            }

            .btn {

            }

            .TwoContBotItemImg {

              img {

              }
            }

          }
        }
      }
    }

    .sectionThree {
      .sectionThreeCont {

        .threeContLeft {

          h2 {

          }

          p {

            span {

            }
          }

        }

        .threeContRight {

          article {
            h3 {

            }

            p {

            }

          }
        }

      }
    }

    .sectionFour {

      .sectionFourCont {

        .FourContItem {

          .FourContItemImg {

          }
        }
      }
    }

  }
}


@media (min-width: 900px) {
  .home {

    .sectionOne {
      padding-top: 260px;
      padding-bottom: 60px;

      .sectionOneCont {
        padding: 0 4%;
        align-items: flex-start;

        .sectionOneContLeft {

        }

        .sectionOneContRight {

        }
      }
    }

    .sectionTwo {
      padding: 0 6%;

      .sectionTwoCont {

        .sectionTwoContTop {

          h2 {

            span {

            }

          }

        }

        .sectionTwoContBot {
          grid-template-columns: repeat(3, 1fr);

          .TwoContBotItem {
            padding: 36px 20px 0;

            h3 {

            }

            p {

            }

            .btn {

            }

            .TwoContBotItemImg {

              img {

              }
            }

          }
        }
      }
    }


    .sectionThree {
      padding: 0 4%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: flex-start;

      .sectionThreeCont {
        padding: 36px 84px;

        .threeContLeft {
          width: 175px;
          margin-right: 100px;

          h2 {

          }

          p {
            font-size: 60px;
            height: 60px;

            span {

            }
          }

        }

        .threeContRight {

          article {
            h3 {

            }

            p {

            }

          }
        }

      }
    }

    .sectionFour {

      .sectionFourCont {
        padding: 0 4%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;

        .FourContItem {

          .FourContItemImg {

          }

          h3 {
            margin-bottom: 10px;
            font-size: 28px;
            line-height: 34px;
          }

          p {
            margin-bottom: 4px;
            font-size: 16px;
            line-height: 24px;
          }
        }
      }
    }

    .sectionFive {

      .sectionFiveTitle {
        padding: 0 4%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;

      }

      .sectionFiveCon {
        padding: 20px 4%;

        .fiveConItem {

          .LinkBase {
            margin-right: 36px;


          }
        }
      }

    }

  }
}

@media (min-width: 990px) {
  .home {
    .sectionFive {


      .sectionFiveCon {

        .fiveConItem {
          display: inline-grid;
          margin: 0 auto;
          grid-template-columns: repeat(3, 1fr);
          -webkit-column-gap: 24px;
          column-gap: 24px;

          .LinkBase {

          }
        }
      }

    }
  }
}

@media (min-width: 1100px) {
  .home {

    .sectionTwo {
      .sectionTwoCont {
        .sectionTwoContBot {
          .TwoContBotItem {
            padding: 36px 36px 0;

          }
        }
      }
    }

    .sectionFour {

      .sectionFourCont {

        .FourContItem {
          width: 50%;
          padding: 0 40px 0 20px;


        }
      }
    }

  }
}